<template>
	<el-col :xs="xs" :sm="sm" :md="md">
		<div style="margin: 0 10px 16px 10px; display: flex; align-items: center">
			<span class="search-item-label">{{ label }}：</span>
			<slot></slot>
		</div>
	</el-col>
</template>
<script>
export default {
	props: {
		xs: {
			type: Number,
			default: 2,
		},
		sm: {
			type: Number,
			default: 4,
		},
		md: {
			type: Number,
			default: 6,
		},
		label: {
			type: String,
			default: '',
		},
	},
};
</script>

<style scoped>
.search-item-label {
	flex: none;
}
</style>
